@import "util.less";

.hui{
	background: #eeeeee;
	border-bottom: 2px solid #cccccc;
	.hot{
		float: left;
		height: 56px;
		p{
			font-size: 16px;
			color: #333;
			line-height: 56px;
			a{
				color: #666;
				padding: 0 14px;
				&:hover{
					color: #fe7e01;
					text-decoration: underline;
				}
			}
		}
	}
	.right{
		float: right;
		height: 100%;
		input{
			display: block;
			width: 266px;
			height: 36px;
			float: left;
			border: 1px solid #b5b5b5;
			background: #fafafa;
			margin-top: 9px;
			font-size: 16px;
			color: #333;
			outline: none;
			text-indent: 10px;
		}
		a{
			display: block;
			width: 90px;
			height: 36px;
			float: left;
			margin: 9px 0 0 14px;
			border: 1px solid #b5b5b5;
			background: #fafafa;
			color: #858585;
			text-align: center;
			line-height: 36px;
		}
	}
}

.com-left-nav{
	width: 240px;
	float: left;
	.zoom;
	margin-bottom: 140px;
	.item{
		.head{
			width: 100%;
			height: 72px;
			background: #737373;
			color: #fff;
			cursor: pointer;
			.cont{
				padding: 16px;
				p{
					font-size: 20px;
				}
				.en{
					width: 100%;
					height: 18px;
					font-size: 12px;
					line-height: 18px;
					.gt;
					text-transform: uppercase;
				}
			}
		}
		.head-act{
			background: #fe7e01;
		}
		.bod{
			width: 100%;
			.zoom;
			display: none;
			a{
				display: block;
				width: 100%;
				background: #ededed;
				border-bottom: 1px dashed #b5b5b5;
				.zoom;
				&:last-child{
					border-bottom: none;
				}
				&:hover{
					background: #fff;
				}
				.cont{
					padding: 16px;
					.zoom;
					.txt{
						width: calc(~'100% - 10px');
						width: -webkit-calc(~'100% - 10px');
						width: -moz-calc(~'100% - 10px');
						height: 19px;
						float: left;
						line-height: 19px;
						font-size: 16px;
						color: #666;
					}
					.r-img{
						display: block;
						width: 6px;
						float: right;
						margin-top: 6px;
					}
				}
			}
			.a-act{
				background: #fff;
			}
		}
		.bod-act{
			display: block;
		}
	}
}

.index_product{
	width: 100%;
	.zoom;
	.com-title-img{
		display: block;
		margin: 74px auto 30px;
	}
	.index_product_right{
		float: left;
		width: 920px;
		float: right;
		.big_img{
			position: relative;
			img{
				display: block;
				width: 100%;
			}
			.txt-box{
				width: 100%;
				height: 96px;
				background: rgba(0,0,0,0.5);
				bottom: 0;
				left: 0;
				z-index: 1;
				position: absolute;
				.cont{
					padding: 16px 24px;
					.zoom;
					.title{
						width: 100%;
						height: 28px;
						font-size: 20px;
						line-height: 28px;
						color: #fff;
						.gt;
					}
					.xqjs{
						width: 100%;
						height: 28px;
						font-size: 16px;
						line-height: 28px;
						color: #fff;
						.gt;
						margin-top: 10px
					}
				}
			}
		}
		.product-list{
			margin-top: 30px;
			.list{
				display: block;
				width: 220px;
				.zoom;
				.boz;
				border: 2px solid #adadad;
				float: left;
				margin-left: 13px;
				&:hover{
					border-color: #fe9834;
					.cont{
						.title{
							font-weight: bold;
							color: #fe9834;
						}
						span{
							border-color: #fe9834;
							color: #fe9834;
						}
					}
				}
				.cont{
					padding: 8px;
					.zoom;
					img{
						display: block;
						width: 100%;
						height: 154px;
					}
					.title{
						width: 100%;
						height: 24px;
						font-size: 16px;
						color: #333;
						text-align: center;
						line-height: 24px;
						.gt;
						margin-top: 11px;
					}
					.h{
						width: 20px;
						height: 3px;
						background: #b4b4b4;
						margin: 8px auto; 
					}
					.txt{
						font-size: 14px;
						color: #666;
						line-height: 21px;
						height: 42px;
						.gt2;
					}
					span{
						width: 80px;
						height: 26px;
						float: right;
						margin-bottom: 4px;
						margin-top: 4px;
						border-bottom: 1px solid #b4b4b4;
						text-align: center;
						line-height: 26px;
						font-size: 14px;
						color: #333;
					}
				}
				&:first-child{
					margin-left: 0;
				}
			}
		}
		.more{
			display: block;
			width: 136px;
			height: 44px;
			margin: 40px auto;
			background: #fe7e01;
			text-align: center;
			line-height: 44px;
			font-size: 16px;
			color: #fff;
		}
	}
}

.index_question{
	background: url(../image/bg1.jpg);
	background-size: cover;
	background-position: center center;
	.com-title-img{
		display: block;
		margin: 14px auto 40px;
	} 
	.img{
		display: block;
		margin: 0 auto 64px;
		max-width: 96%;
	}
}

.advert1{
	width: 100%;
	height: 240px;
	background-size: cover;
	background: url(../image/advert1.jpg);
	background-position: center center;
}

.index_advantage{
	background: url(../image/bg2.jpg);
	background-size: cover;
	background-position: center center;
	.com-title-img{
		display: block;
		margin: 52px auto;
	}
	.box{
		width: 100%;
		.zoom;
		background: #fff;
		margin-bottom: 74px;
		.boz;
		border-bottom: 1px solid #abacac;
		.list{
			display: block;
			width: 33.33333333333333333%;
			height: 239px;
			.boz;
			border-top: 1px solid #abacac;
			border-left: 1px solid #abacac;
			float: left;
			.cont{
				padding: 0 60px;
			}
			img{
				display: block;
				width: 65px;
				margin: 30px auto 0;
			}
			.p1{
				font-size: 20px;
				font-weight: bold;
				color: #005bac;
				text-align: center;
				padding-top: 16px;
			}
			.p2{font-size: 16px;color: #666;text-align: center;padding-top: 20px;}
			&:nth-child(3n){
				border-right: 1px solid #abacac;
			}
		}
	}
}
.index_get{
	.com-title-img{
		display: block;
		margin: 58px auto 0;
	}
	.box{
		width: 100%;
		.zoom;
		margin-bottom: 42px;
		.left{
			width: calc(~'100% - 900px');
			width: -webkit-calc(~'100% - 900px');
			width: -moz-calc(~'100% - 900px');
			float: left;
			img{
				display: block;
				margin: auto;
				max-width: 96%;
			}
		}
		.right{
			width: 874px;
			height: 300px;
			float: right;
			overflow: hidden;
			margin-top: 30px;
			.swiper-container2{
				width: 100%;
				height: 100%;
				border-radius: 20px;
				overflow: hidden;
				.swiper-slide{
					img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				.swiper-pagination2{
					bottom: 28px;
					text-align: right;
					width: 96%;
					.swiper-pagination-bullet{
						width: 16px;
						height: 16px;
						background: #fff;
						border-radius: 8px;
						opacity: 1;
					}
					.swiper-pagination-bullet-active{
						background: #f4902f;
					}
				}
			}
		}
		.list{
			float: left;
			width: 338px;
			.zoom;
			position: relative;
			cursor: pointer;
			margin-left: 72px;
			&:first-child{
				margin-left: 40px;
			}
			&:hover{
				.head{
					background: url(../image/h1-1.png);
				}
			}
			.head{
				width: 100%;
				height: 64px;
				position: absolute;
				top: 25px;
				left: 0;
				z-index: 1;
				background: url(../image/h1.png);
				background-size: 100% 100%;
				img{
					display: block;
					margin: 12px auto;
				}
			}
			.bod{
				width: 320px;
				.zoom;
				background: #eeeeee;
				border-radius: 16px;
				.cont{
					padding: 94px 48px 24px;
					.zoom;
					p{
						font-size: 16px;
						color: #666;
						text-align: center;
					}
				}
			}
		}
	}
}
.huosuren{
	background: url(../image/bg3.jpg);
	background-size: cover;
	background-position: center center;
	
	.container{
		position: relative;
	}
	.left{
		width: calc(~'100% - 344px');
		width: -webkit-calc(~'100% - 344px');
		width: -moz-calc(~'100% - 344px');
		float: left;
		.zoom;
		background: url(../image/bg1.png);
		background-size: 100% 100%;
		margin-top: 56px;
		margin-bottom: 33px;
		.left-l{
			width: 290px;
			.zoom;
			float: left;
			margin: 70px 0 46px 38px;
			.p1{
				font-size: 30px;
				font-weight: bold;
				color: #333;
				span{
					color: #ed6105;
				}
			}
			.p2{
				font-size: 20px;
				color: #333;
				padding-top: 4px;
			}
			.h1{
				width: 100%;
				height: 4px;
				background: #000;
				margin-top: 18px;
			}
			.h2{
				width: 100%;
				height: 2px;
				background: #000;
				margin-top: 3px;
			}
		}
		.left-r{
			width: calc(~'100% - 390px');
		    width: -webkit-calc(~'100% - 390px');
		    width: -moz-calc(~'100% - 390px');
		    float: left;
		    .zoom;
		    margin-left: 30px;
		    margin-top: 48px;
		    p{
		    	font-size: 15px;
		    	color: #333;
		    	padding-top: 10px;
		    }
		}
	}
	.right{
		float: right;
		width: 290px;
		height: 100%;
		background: #2a65a1;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		img{
			display: block;
			margin: 84px auto 0;
		}
		.p1{
			font-size: 16px;
			color: #fff;
			padding-top: 20px;
			text-align: center;
		}
		.p2{
			font-size: 30px;
			color: #fff;
			text-align: center;
			padding-top: 8px;
		}
	}
}
.index_about{
	.com-title-img{
		display: block;
		margin: 60px auto 0;
	}
	.com-title-p{
		font-size: 16px;
		color: #fe7e01;
		text-align: center;
		padding-top: 10px;
	}
	.com-c-box{
		margin-top: 56px;
		margin-bottom: 80px;
		.left{
			width: 40%;
			float: left;
			.zoom;
			img{
				display: block;
				width: 100%;
			}
		}
		.right{
			float: right;
			width: 56.166666%;
			.zoom;
			.title{
				width: 100%;
				height: 56px;
				border-bottom: 1px solid #b5b5b5;
				.gt;
				p{
					font-size: 20px;
					color: #117dd7;
					font-weight: bold;
					padding-top: 20px;
				}
			}
			.xq-box{
				width: 100%;
				.zoom;
				margin-top: 30px;
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #fe7e01;
				}
				.txt-box{
					width: 100%;
					.zoom;
					.gt4;
					font-size: 16px;
					color: #666666;
					margin-top: 24px;
					line-height: 24px;
				}
			}
			.btn-box{
				width: 100%;
				height: 44px;
				margin-top: 44px;
				a{
					display: block;
					width: 136px;
					height: 44px;
					float: right;
					.boz;
					border: 2px solid #b5b5b5;
					text-align: center;
					line-height: 40px;
					font-size: 16px;
					color: #333;
					 &:last-child{
					 	margin-right: 14px;
					 }
				}
			}
		}
	}
}
.index_team{
	background: #f6f6f6;
	.top{
		width: 100%;
		height: 452px;
		background: url(../image/bg4.jpg);
		background-size: cover;
		background-position: center center;
		.boz;
		border: 1px solid transparent;
		.box{
			width: 398px;
			height: 146px;
			background: rgba(255,255,255,.8);
			margin: 148px auto 0;
			.boz;
			border: 1px solid transparent;
			.com-title-img{
				display: block;
				margin: 36px auto 0;
			}
			.com-title-p{
				font-size: 16px;
				color: #fe7e01;
				text-align: center;
				padding-top: 10px;
			}
		}
	}
	.mid{
		width: 100%;
		.zoom;
		margin-top: 24px;
		.img{
			width: 382px;
			height: 436px;
			.boz;
			border: 1px solid #cccccc;
			float: left;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.right{
			width: calc(~'100% - 420px');
			width: -webkit-calc(~'100% - 420px');
			width: -moz-calc(~'100% - 420px');
			float: right;
			.zoom;
			.cont{
				width: 70%;
				.zoom;
				margin-top: 78px;
				.head{
					width: 100%;
					height: 56px;
					border-bottom: 1px solid #bfbfbf;
					line-height: 56px;
					font-size: 24px;
					color: #fe7e01;
					span{
						font-size: 16px;
						color: #333;
						padding-left: 6px;
					}
				}
				.txt-box{
					width: 100%;
					height: 96px;
					margin-top: 16px;
					.gt4;
					font-size: 14px;
					line-height: 24px;
					color: #333;
				}
				.more{
					float: right;
					margin-top: 14px;
					width: 116px;
					height: 36px;
					border: 2px solid #b5b5b5;
					text-align: center;
					line-height: 36px;
					font-size: 16px;
					color: #333;
					&:hover{
						border-color: #fe7e01;
						color: #fe7e01;
					}
				}
			}
		}
	}
	.down{
		width: 100%;
		height: 360px;
		margin-top: -66px;
		z-index: 999;
		position: relative;
		.swiper-container3{

			width: 100%;
			height: 100%;
			.swiper-wrapper{
				height: 100%;
			}
			.swiper-slide{
				width: 208px;
				height: 100%;
				.boz;
				border: 2px solid #d5d5d5;
				cursor: pointer;
				&:hover{
					border-color: #f4902f;
					.name{
						color: #f4902f;
					}
				}
				img{
					display: block;
					width: 100%;
					height: 300px;
				}
				.name{
					width: 100%;
					height: 56px;
					background: #fff;
					text-align: center;
					line-height: 56px;
					.gt;
					font-size: 16px;
					color: #333;
					span{
						color: #666;
						font-size: 14px;
						padding-left: 4px;
					}
				}
			}
		}
	}
	.big-more{
		display: block;
		width: 236px;
		height: 40px;
		border: 2px solid #bfbfbf;
		margin: 54px auto;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: #666;
		&:hover{
			border-color: #f4902f;
			color: #f4902f;
		}
	}
}
.index_case{
	.com-title-img{
		display: block;
		margin: 84px auto 0;
	}
	.com-title-p{
		font-size: 16px;
		color: #fe7e01;
		text-align: center;
		padding-top: 10px;
	}
	.com-c-box{
		margin-top: 42px;
	}
	.list{
		display: block;
		width: 280px;
		float: left;
		.zoom;
		margin: 10px;
		&:hover{
			box-shadow:0px 0px  10px 5px #ccc;
			.cont{
				.name{
					color: #f49033;
				}
			}
		}
		.cont{
			padding: 20px;
			.zoom;
			img{
				display: block;
				width: 100%;
				height: 180px;
			}
			.name{
				width: 100%;
				height: 20px;
				.gt;
				line-height: 20px;
				font-size: 16px;
				color: #333;
				margin-top: 16px;
			}
			.h{
				width: 40%;
				height: 1px;
				background: #b5b5b5;
				margin-top: 12px;
			}
			.txt-box{
				width: 100%;
				height: 88px;
				line-height: 22px;
				font-size: 14px;
				color: #666;
				.gt4;
				margin-top: 12px;
			}
		}
	}
	.big-more{
		display: block;
		width: 236px;
		height: 40px;
		border: 2px solid #bfbfbf;
		margin: 54px auto;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: #666;
		&:hover{
			border-color: #f4902f;
			color: #f4902f;
		}
	}
}
.index_customer{
	background: #e8e8ea;
	.com-title-img{
		display: block;
		margin: 36px auto 40px;
	}
	.siw{
		width: 100%;
		height: 150px;
		position: relative;
		margin-bottom: 40px;
		.swiper-container4{
			width: 1070px;
			margin: auto;
			.swiper-slide{
				height: 100%;
				.img{
					background: #fff;
					width: 100%;
					height: 110px;
					text-align: center;
					line-height: 110px;
					img{
						max-width: 96%;
					    max-height: 96%;
					    height: auto;
					    vertical-align: middle;
					}
				}
				.txt{
					width: 100%;
					height: 40px;
					line-height: 40px;
					font-size: 16px;
					color: #666;
					.gt;
					text-align: center;
				}
			}
		}
		.swiper-button-next,.swiper-button-prev{
			background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E");
		}
		.swiper-button-prev{
			transform:rotate(180deg);
			-ms-transform:rotate(180deg); 	/* IE 9 */
			-moz-transform:rotate(180deg); 	/* Firefox */
			-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
			-o-transform:rotate(180deg); 	/* Opera */
		}	
	}
}
.index_news{
	.news{
		width: calc(~'100% - 644px');
		width: -webkit-calc(~'100% - 644px');
		width: -moz-calc(~'100% - 644px');
		float: left;
		.zoom;
		.head{
			width: 100%;
			height: 64px;
			border-bottom: 1px solid #b5b5b5;
			margin: 58px 0 42px;
			img{
				display: block;
			}
		}
		.list-box{
			width: 100%;
			.zoom;
			margin-top: 24px;
			.list{
				display: block;
				width: 100%;
				height: 96px;
				margin-top: 10px;
				&:hover{
					.data{
						background: #fe7e01;
					}
					.right{
						.title{
							color: #fe7e01;
						}
					}
				}
				.data{
					width: 72px;
					height: 100%;
					background: #999999;
					float: left;
					.p1{
						font-size: 30px;
						color: #fff;
						text-align: center;
						padding-top: 16px;
					}
					.p2{
						font-size: 14px;
						color: #fff;
						text-align: center;
						padding-top: 8px;
					}
				}
				.right{
					width: calc(~'100% - 90px');
					width: -webkit-calc(~'100% - 90px');
					width: -moz-calc(~'100% - 90px');
					float: right;
					height: 100%;
					.title{
						width: 100%;
						height: 36px;
						line-height: 36px;
						font-size: 18px;
						color: #333;
						.gt;
					}
					.txt{
						width: 100%;
						height: 48px;
						line-height: 24px;
						color: #666;
						font-size: 14px;
						.gt2;
					}
				}
			}
		}
		.big-more{
			display: block;
			width: 132px;
			height: 40px;
			border: 2px solid #bfbfbf;
			margin: 54px auto;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			color: #666;
			&:hover{
				border-color: #f4902f;
				color: #fff;
				background: #f4902f;
			}
		}
	}
	.info{
		float: right;
		width: 600px;
		.zoom;
		.head{
			width: 100%;
			height: 64px;
			border-bottom: 1px solid #b5b5b5;
			margin: 58px 0 42px;
			img{
				display: block;
			}
		}
		.swiper-container5{
			width: 100%;
			height: 418px;
			.swiper-slide{
				position: relative;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
				.downbox{
					width: 100%;
					height: 136px;
					background: rgba(0,0,0,.5);
					position: absolute;
					bottom: 0;
					left: 0;
					.cont{
						padding: 14px;
						.zoom;
						.title{
							width: 100%;
							height: 38px;
							.gt;
							font-size: 16px;
							color: #fff;
							font-weight: bold;
							line-height: 38px;
						}
						.h{
							width: 120px;
							height: 2px;
							background: #bfbfbf;
							margin-top: 6px;
						}
						.txt-box{
							font-size: 14px;
							color: #d9d9d9;
							line-height: 22px;
							height: 44px;
							.gt2;
							margin-top: 6px;
						}
					}
				}
			}
			.swiper-pagination{
				bottom: 148px;
				text-align: right;
				.swiper-pagination-bullet{
					width: 10px;
					height: 10px;
					background: #fff;
					opacity: 1;
					border-radius: 100%;
					&:last-child{
						margin-right: 20px;
					}
				}
				.swiper-pagination-bullet-active{
					width: 10px;
					height: 10px;
					background: #fe7e01;
					opacity: 1;
					border-radius: 100%;
				}
			}
		}
		.swiper-button-prev1,.swiper-button-next1{
				top: 142px;
				background: none;
				background: rgba(255,255,255,.6);
				width: 40px;
				height: 80px;
				font-size: 40px;
				line-height: 80px;
				color: #fff;
				font-family: 'songti';
				text-align: center;
				&:hover{
					color: #fe7e01;
				}
		}

		.big-more{
			display: block;
			width: 132px;
			height: 40px;
			border: 2px solid #bfbfbf;
			margin: 54px auto;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			color: #666;
			&:hover{
				border-color: #f4902f;
				color: #fff;
				background: #f4902f;
			}
		}
	}
}
.index_contact{
	width: 100%;
	height: 506px;
	background: url(../image/bg5.jpg);
	background-size: cover;
	background-position: center center;
	.container{
		height: 100%;
	}
	.left{
		width: 464px;
		height: 100%;
		float: left;
		background: rgba(255,255,255,.9);
		.com-title-img{
			display: block;
			width: 350px;
			margin: 116px auto 0;
		}
		.img{
			display: block;
			width: 254px;
			margin: 70px auto 0;
		}
	}
	.right{
		width: calc(~'100% - 464px');
		width: -webkit-calc(~'100% - 464px');
		width: -moz-calc(~'100% - 464px');
		.zoom;
		float: right;
		.cont{
			width: 70%;
			.zoom;
			margin-top: 130px; 
			.item{
				width: 100%;
				.zoom;
				margin-top: 12px;
				&:last-child{
					width: 290px;
				}
				input{
					display: block;
					width: 48%;
					height: 40px;
					float: left;
					.boz;
					border: 1px solid #cbcaca;
					background: #fff;
					line-height: 38px;
					text-indent: 2em;
					font-size: 14px;
					color: #333;
					outline: none;

					&:last-child{
						float: right;
					}

				}
				textarea{
					display: block;
					width: 100%;
					height: 164px;
					resize: none;
					outline: none;
					text-indent: 2em;
					line-height: 30px;
					font-size: 14px;
					color: #333;
					.boz;
					border: 1px solid #cbcaca;
				}
				.sub{
					width: 140px;
					color: #fff;
					background: #fe7e01;
					text-indent: 0;
					border-color: #fe7e01;
					cursor: pointer;
				}
				.reset{
					width: 140px;
					color: #fff;
					background: #737373;
					text-indent: 0;
					border-color: #737373;
					cursor: pointer;
				}
			}
		}
	}
}

.zt-one{
	width: 100%;
	.zoom;
	.left-boxx{
		float: left;
		.zoom;
		width: 260px;
		.head{
			width: 100%;
			height: 96px;
			text-align: center;
			line-height: 96px;
			font-size: 30px;
			color: #fff;
			background: url(../image/left-boxx-head.png);
			background-size: 100% 100%;
		}
		.bod{
			width: 100%;
			.zoom;
			.item{
				width: 100%;
				.zoom;
				margin-top: 12px;
				&:first-child{
					margin-top: 22px;
				}
				.item-top{
					width: 100%;
					height: 18px;
					background: url(../image/left-boxx-box-top.png);
					background-size: 100% 100%;
				}
				.item-down{
					width: 100%;
					height: 18px;
					background: url(../image/left-boxx-box-down.png);
					background-size: 100% 100%;
				}
				.item-bod{
					width: 100%;
					.zoom;
					background: #d3e4f3;
					.pone{
						font-size: 26px;
					    color: #06c;
					    text-align: center;
					    padding-top: 6px;
					}
					.ptwo{
						font-size: 14px;
					    color: #06c;
					    padding: 10px 22px 10px;
					    line-height: 18px;
					}
					.item-head-a{
						display: block;
						width: 210px;
						height: 32px;
						margin-left: 34px;
						.boz;
						border-left: 6px solid #fe7e01;
						margin-top: 16px;
						p{
							line-height: 32px;
							font-size: 24px;
							font-weight: bold;
							color: #0d67bd;
							padding-left: 10px;
						}
					}
					.a-bod{
						margin-left: 46px;
						width: 190px;
						.zoom;
						margin-top: 22px;
						a{
							font-size: 18px;
							color: #333;
							margin-bottom: 20px;
							display: block;
							&:hover{
								color: #fe7e01;
							}
						}
						.a-act{
							color: #fe7e01;

						}
					}
				}
				
			}
			.jt-item{
				.boz;
				border: 4px solid #0d67bd;
				.cont{
					padding: 24px;
					.zoom;
					img{
						display: block;
						margin: auto;
						width: 180px;
					}
					.p1{
						font-size: 20px;
						font-weight: bold;
						color: #0d67bd;
						text-align: center;
						padding-top: 20px;
					}
					.h{
						width: 40px;
						height: 4px;
						background: #fe7e01;
						margin: 10px auto 20px; 
					}
					.p2{
						font-size: 16px;
						color: #333;
						padding-top: 4px;
					}
				}
			}
		}
	}
}

.jgjt{
	width: 908px;
	float: right;
	.zoom;
	.p-head{
		font-size: 24px;
		color: #0d67bd;
		text-align: center;
		padding-top: 46px;
		padding-bottom: 40px;
	}
	.box{
		width: 100%;
		.zoom;
		.item{
			width: 100%;
			height: 188px;
			&:nth-child(2n){
				.img{
					float: right;
				}
				.right{
					float: left;
				}
			}
			.img{
				width: 454px;
				height: 188px;
				float: left;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.right{
				float: right;
				width: 438px;
				height: 100%;
				.head{
					width: 100%;
					height: 72px;
					margin-top: 8px;
					.k{
						width: 72px;
						height: 72px;
						float: left;
						background: url(../image/jgjt.png);
						background-size: 100% 100%;
						text-align: center;
						line-height: 72px;
						font-size: 24px;
						font-weight: bold;
						color: #fe7e01;
					}
					p{
						float: left;
						line-height: 72px;
						font-size: 20px;
						font-weight: bold;
						color: #0d67bd;
						padding-left: 8px;
					}
				}
				.txt-box{
					width: 100%;
					font-size: 16px;
					color: #666;
					line-height: 24px;
					margin-top: 6px;
				}
			}
		}
	}
}

.howinvest{
	width: 908px;
	.zoom;
	float: right;
	.p1{
		font-size: 30px;
		color: #fe7e01;
		padding-top: 65px;
		text-align: center;
	}
	.p2{
		font-size: 14px;
		color: #005bac;
		text-align: center;
		padding-top: 10px;
	}
	.p3{
		font-size: 42px;
		color: #005bac;
		text-align: center;
		padding-top: 20px;
	}
	.p4{
		font-size: 20px;
		color: #333;
		text-align: center;
		padding-top: 32px;
	}
	.liyou{
		width: 100%;
		height: 276px;
		margin-top: 120px;
		.list{
			width: 212px;
			height: 276px;
			float: left;
			background: #e2edf7;
			margin-left: 20px;
			&:first-child{
				margin-left: 0;
			}
			.yuan{
				width: 98px;
				height: 98px;
				border-radius: 100%;
				overflow: hidden;
				background: #fe7e01;
				margin: auto;
				margin-top: -49px;
				p{
					font-size: 24px;
					font-weight: bold;
					color: #fff;
					text-align: center;
					padding-top: 20px;
				}
			}
			.p1{
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				color: #333;
				line-height: 36px;
				padding-top: 10px;
			}
			.p2{
				font-size: 16px;
				color: #666;
				line-height: 24px;
				padding: 10px 6px;
				text-align: center;
			}
		}
	}
}
.com-ny-title{
	margin: auto;
	text-align: center;
	.p1{
		font-size: 30px;
		color: #005bac;
	}
	.p2{
		font-size: 16px;
		color: #fe7e01;
	}
	.p3{
		font-size: 16px;
		color: #333;
		padding: 12px 80px 0px;
		line-height: 28px;
	}
}
.ny-box{
	width: 100%;
	.zoom;
	margin-top: 64px;
}
.fiveadv{
	width: 100%;
	.zoom;
	margin-top: 40px;
	.list{
		width: 240px;
		height: 240px;
		float: left;
		background: #d3e4f3;
		img{
			display: block;
			width: 100%;
			height: 100%;
		}
		.p1{
			font-size: 40px;
			font-weight: bold;
			color: #fe7e01;
			text-align: center;
			padding-top: 16px;
		}
		.p2{
			font-size: 20px;
			font-weight: bold;
			color: #005bac;
			text-align: center;
			padding-top: 8px;
		}
		.p3{
			font-size: 14px;
			color: #666;
			text-align: center;
			line-height: 22px;
			padding: 20px 6px 0px;

		}
	}
}
.jxsb{
	width: 100%;
	.zoom;
	margin-top: 8px;
	.list{
		display: block;
		width: 360px;
		height: 360px;
		float: left;
		margin-top: 42px;
		margin-left: 60px;
		&:nth-child(3n+1){
			margin-left: 0;
		}
		.img{
			width: 100%;
			height: 312px;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.title{
			width: 100%;
			height: 48px;
			line-height: 48px;
			text-align: center;
			.gt;
			font-size: 16px;
			color: #fff;
			background: #0d67bd;
		}
	}
}
.edit-box{
	margin-top: 46px;
	img{
		text-align: center;
		max-width: 100%;
		margin: 20px 0;
	}
}
.zuidownbox{
	margin-bottom: 40px;
}
.pinzhi{
	width: 806px;
	.zoom;
	float: left;
	margin-left: 96px;
	.item{
		width: 100%;
		.zoom;
		margin-top: 54px;
		&:nth-child(2n){
			.wz{
				float: right;
			}
			.img{
				float: left;
			}
		}
		.wz{
			width: 360px;
			.zoom;
			float: left;
			.p1{
				font-size: 24px;
				color: #0d67bd;
				font-weight: bold;
				padding-top: 14px;
			}
			.txt{
				width: 100%;
				.zoom;
				font-size: 14px;
				color: #666;
				line-height: 24px;
				margin-top: 14px;
			}
		}
		.img{
			float: right;
			width: 400px;
			height: 200px;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
	}
}
.sbys{
	.p1{
		font-size: 20px;
		color: #666;
		text-align: center;
	}
	.p2{
		font-size: 36px;
		color: #fe7e01;
		text-align: center;
	}
	.box{
		width: 740px;
		.zoom;
		margin-top: 20px;
		p{
			font-size: 16px;
			color: #333;
			padding-top: 16px;
			span{
				font-size: 24px;
				color: #fe7e01;
			}
		}
	}
}
.sb-list{
	
	.list{
		margin-top: 42px;
		display: block;
		width: 362px;
		height: 418px;
		float: left;
		margin-left: 56px;
		&:nth-child(3n+1){
			margin-left: 0;
		}
		.img{
			width: 100%;
			height: 362px;
			.boz;
			border: 6px solid #e2edf7;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.name{
			width: 100%;
			height: 56px;
			line-height: 56px;
			.gt;
			font-size: 16px;
			color: #656565;
			text-align: center;
		}
	}
}
.fl-list{
	width: 1090px;
	.zoom;
	margin-top: 38px;
	.list{
		display: block;
		width: 25%;
		height: 160px;
		.boz;
		border: 1px solid #b5b5b5;
		float: left;
		img{
			display: block;
			width: 100%;
			height: 100%;
		}
		.cont{
			padding: 26px;
			.zoom;
			.p1{
				font-size: 20px;
				font-weight: bold;
				color: #0066cc;
			}
			.p2{
				font-size: 14px;
				color: #666;
				padding-top: 6px;
			}
			.yuan{
				width: 26px;
				height: 26px;
				border-radius: 100%;
				border: 1px solid #828282;
				margin-top: 28px;
				text-align: center;
				line-height: 26px;
				font-size: 20px;
				color: #828282;
				font-family: 'songti'
			}
		}
	}
}
.ma{
	width: 100%;
	.zoom;
	background: #ededed;
	margin-top: 84px;
	text-align: center;
	.p1{
		font-size: 30px;
		color: #fe7e01;
		padding-top: 30px;
	}
	.p2{
		font-size: 16px;
		color: #666;
		padding-top: 18px;
	}
	.p3{
		font-size: 30px;
		color: #0066cc;
		padding-top: 4px;
	}
	a{
		display: block;
		width: 170px;
		height: 56px;
		margin: 24px auto 36px;
		text-align: center;
		line-height: 56px;
		color: #fff;
		background: #fe7e01;
		font-size: 20px;
	}
}
.zj_tel{
	width: 100%;
	height: 140px;
	background: #626262;
	margin-top: 46px;
	p{
		float: left;
		line-height: 140px;
		color: #fff;
		font-size: 28px;
		padding-left: 36px;
	}
	a{
		display: block;
		width: 152px;
		height: 56px;
		float: left;
		margin-top: 42px;
		margin-left: 74px;
		background: #fe7e01;
		text-align: center;
		line-height: 56px;
		font-size: 24px;
		color: #fff;
	}
	img{
		float: right;
		margin-top: 52px;
		width: 444px;
		margin-right: 20px;
	}
}
.sdhx{
	.p-head{
		font-size: 24px;
		color: #0d67bd;
		text-align: center;
	}
	.box{
		width: 100%;
		.zoom;
		margin-top: 54px;
		.item{
			width: 260px;
			.zoom;
			float: left;
			text-align: center;
			margin-left: 53px;
			&:first-child{
				margin-left: 0;
			}
			.yuan{
				width: 120px;
				height: 120px;
				border-radius: 100%;
				border: 1px solid #0d67bd;
				margin: auto;
				div{
					width: 112px;
					height: 112px;
					border-radius: 100%;
					margin: 4px auto;
					background: #0d67bd;
					text-align: center;
					line-height: 112px;
					font-size: 40px;
					color: #fff;
				}
			}
			.p1{
				font-size: 20px;
				font-weight: bold;
				color: #0d67bd;
				padding-top: 14px;
			}
			.p2{
				font-size: 16px;
				color: #626262;
				line-height: 28px;
				padding-top: 20px;
			}
		}
	}
}
.tyjd{
	.p-head{
		font-size: 24px;
		color: #0d67bd;
		text-align: center;
	}
	.box{
		width: 100%;
		.zoom;
		position: relative;
		margin-top: 26px;
		img{
			display: block;
			width: 100%;
		}
		.txt{
			position: absolute;
			width: 414px;
			height: 200px;
			left: 360px;
			top: 50%;
			margin-top: -100px;
			background: rgba(0,0,0,.5);
			color: #fff;
			.p1{
				font-size: 30px;
				padding-left: 42px;
				&:first-child{
					padding-top: 32px;
				}
			}
		}
	}
}
.txjg{
	.head{
		width: 100%;
		.zoom;
		text-align: center;
		.p1{
			font-size: 24px;
			font-weight: bold;
			color: #0d67bd;
			span{
				color: #fe7e01;
			}
		}
		.p2{
			font-size: 16px;
			color: #333;
			padding-top: 14px;
		}
	}
	.box{
		width: 100%;
		.zoom;
		margin-top: 50px;
		.item{
			float: left;
			width: 33.33333%;
			.zoom;
			text-align: center;
			img{
				margin: auto;
				display: block;
				max-width: 70%;
			}
			.p1{
				font-size: 20px;
				font-weight: bold;
				color: #0d67bd;
				padding-top: 28px;
			}
			.p2{
				font-size: 16px;
				color: #666;
				padding: 16px 60px;
			}
		}
	}
}
.goodtan{
	.box{
		width: 900px;
		.zoom;
		margin-bottom: 60px;
		.item{
			width: 100%;
			.zoom;
			margin-top: 90px;
			&:nth-child(2n){
				.img{
					float: right;
				}
				.right{
					float: left;
				}
			}
			.img{
				float: left;
				width: 50%;
				.zoom;
				img{
					display: block;
					max-width: 80%;
					margin: auto;
				}
			}
			.right{
				width: 50%;
				float: right;
				.zoom;
				text-align: center;
				.p1{
					font-size: 60px;
					color: #005bac;
					text-align: center;
					padding-top: 70px;
				}
				.p2{
					font-size: 14px;
					color: #999;
					padding-top: 8px;
				}
				.p3{
					font-size: 24px;
					color: #fe7e01;
					padding: 12px 0;
				}
				.p4{
					font-size: 14px;
					color: #333;
					padding: 14px 50px;
					line-height: 24px;
				}
				.yuan{
					width: 26px;
					height: 26px;
					border-radius: 50%;
					border: 1px solid #7d7d7d;
					color: #7d7d7d;
					font-size: 20px;
					font-family: 'songti';
					line-height: 26px;
					margin: 20px auto 0;
				}
			}
		}
	}
}
.bzsj{
	float: right;
	width: 880px;
	.zoom;
	img{
		display: block;
		width: 100%;
		margin-top: 112px;
	}
}
.zjfwpt{
	background: #fbfbfb;
	text-align: center;
	.p1{
		font-size: 30px;
		color: #666;
		padding-top: 36px;
		span{
			font-size: 16px;
			color: #fe7e01;
		}
	}
	.p2{
		font-size: 48px;
		color: #0059ab;
		padding-top: 8px;
		span{
			font-size: 16px;
			color: #666;
		}
	}
	img{
		max-width: 90%;
		padding-top: 80px;
		padding-bottom: 60px;
	}
}
.sjln{
	.box{
		width: 100%;
		.zoom;
		margin-top: 40px;
		.list{
			width: 356px;
			height: 236px;
			float: left;
			border: 2px solid #b5b5b5;
			border-radius: 12px;
			margin-left: 60px;
			&:first-child{
				margin-left: 0;
			}
			.p1{
				font-size: 24px;
				color: #fe7e01;
				text-align: center;
				padding-top: 32px;
			}
			.p2{
				font-size: 16px;
				color: #666;
				padding: 30px 22px 0;
				text-align: center;
			}
		}
	}
	img{
		display: block;
		max-width: 90%;
		margin: auto;
		margin-top: 56px;
	}
}
.yxzp{
	background: #e0ecf9;
	.com-ny-title{
		margin-top: 52px;
	}
	.box{
		margin-top: 36px;
		.list{
			display: block;
			width: 280px;
			height: 280px;
			.boz;
			border: 2px solid #b5b5b5;
			float: left;
			margin-bottom: 30px;
			margin-left: 26px;
			&:nth-child(4n+1){
				margin-left: 0;
			}
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
	}
	.more{
		font-size: 20px;
		font-weight: bold;
		color: #0066cc;
		padding-top: 20px;
		padding-bottom: 40px;
		float: right;
	}
}
.rk{
	text-align: center;
	.p1{
		font-size: 26px;
		color: #0066cc;
	}
	.p2{
		font-size: 18px;
		color: #666;
		padding-top: 6px;
	}
	.p3{
		font-size: 36px;
		color: #fe7e01;
		padding-top: 4px;
	}
	.siw{
		width: 100%;
		height: 150px;
		position: relative;
		margin-bottom: 40px;
		margin-top: 34px;
		.swiper-container4{
			width: 1070px;
			margin: auto;
			.swiper-slide{
				height: 100%;
				.img{
					background: #fff;
					width: 100%;
					height: 110px;
					text-align: center;
					line-height: 110px;
					.boz;
					border: 2px solid #d2d2d2;
					img{
						max-width: 96%;
					    max-height: 96%;
					    height: auto;
					    vertical-align: middle;
					}
				}
				.txt{
					width: 100%;
					height: 40px;
					line-height: 40px;
					font-size: 16px;
					color: #666;
					.gt;
					text-align: center;
				}
			}
		}
		.swiper-button-next,.swiper-button-prev{
			background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E");
		}
		.swiper-button-prev{
			transform:rotate(180deg);
			-ms-transform:rotate(180deg); 	/* IE 9 */
			-moz-transform:rotate(180deg); 	/* Firefox */
			-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
			-o-transform:rotate(180deg); 	/* Opera */
		}	
	}
}
.com-left-nav-down{
	width: 100%;
	.zoom;
	margin-top: 26px;
	.head{
		width: 100%;
        height: 72px;
        background: #005bac;
        color: #fff;
        cursor: pointer;
        .cont{
        	padding: 16px;
        	p{
        		font-size: 20px;
        	}
        	.en{
        		width: 100%;
			    height: 18px;
			    font-size: 12px;
			    line-height: 18px;
			    overflow: hidden;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    text-transform: uppercase;
        	}
        }
	}
	.bod{
		width: 100%;
		.zoom;
		margin-top: 2px;
		background: #ddedfb;
		.cont{
			padding: 16px;
			.zoom;
			img{
				display: block;
				width: 100%;
				margin: 14px 0;
			}
			.p1{
				font-size: 16px;
				font-weight: bold;
				color: #005bac;
			}
			.item{
				width: 100%;
				.zoom;
				margin-top: 14px;
				.p{
					font-size: 14px;
					color: #333;
					line-height: 18px;
				}
			}
		}
	}
}
.com-right-box{
	width: 910px;
	.zoom;
	float: right;
}
.right-xq-edit{
	width: 100%;
	border: 1px solid #b5b5b5;
	.boz;
	.cont{
		padding: 20px;
		.zoom;
		img{
			display: block;
			max-width: 96%;
			margin: 20px auto;
		}
	}
}
.com-page1{
	width: 100%;
	.zoom;
	background: #eeeeee;
	margin: 40px 0;
	.cont{
		padding: 20px;
		.zoom;
		a{
			display: block;
			width: 100%;
			height: 24px;
			.gt;
			font-size: 14px;
			color: #333;
			line-height: 24px;
		}
	}
}
.news-list-box{
	width: 100%;
	.zoom;
	background: #fff;
	.cont{
		.zoom;
		.item{
			display: block;
			width: 100%;
			height: 162px;
			border-bottom: 1px dashed #b5b5b5;
			margin-bottom: 16px;
			&:hover{
				.right{
					.title{
						color: #005bac;
						font-weight: bold;
					}
					.down{
						span{
							border-color: #005bac;
							background: #005bac;
							color: #fff;
						}
					}
				}
			}
			.img-box{
				width: 214px;
				height: 148px;
				float: left;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.right{
				width: -webkit-calc(~'100% - 228px');
				width: -moz-calc(~'100% - 228px');
				width: calc(~'100% - 228px');
				float: right;
				.zoom;
				.title{
					width: 100%;
					height: 34px;
					.gt;
					font-size: 18px;
					color: #333;
					line-height: 34px;
				}
				.txt{
					width: 100%;
					height: 40px;
					.gt2;
					font-size: 14px;
					color: #666;
					line-height: 20px;
					margin-top: 12px;
				}
				.down{
					width: 100%;
					height: 36px;
					margin-top: 26px;
					p{
						float: left;
						font-size: 14px;
						color: #666;
						line-height: 36px;
					}
					span{
						display: block;
						width: 96px;
						height: 32px;
						float: right;
						border: 2px solid #fe7e01;
						color: #fe7e01;
						font-size: 14px;
						text-align: center;
						line-height: 32px;
					}
				}
			}
		}
	}
}
.honor-list{
	width: 100%;
	.zoom;
	.list{
		display: block;
		width: 438px;
		height: 330px;
		float: left;
		border: 1px solid #b5b5b5;
		margin-left: 30px;
        margin-bottom: 20px;
		&:nth-child(2n+1){
			margin-left: 0;
		}
		&:hover{
			background: #005bac;
			.name{
				color: #fff;
			}
		}
		.img{
			display: block;
			width: 366px;
			height: 266px;
			margin: 14px auto 0;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.name{
			width: 336px;
			height: 42px;
			margin: auto;
			.gt;
			line-height: 42px;
			font-size: 16px;
			color: #333;
			text-align: center;
		}
	}
}
.teamlist{
	width: 100%;
	.zoom;
	.list{
		display: block;
		width: 100%;
		.zoom;
		border-bottom: 1px dashed #b5b5b5;
		margin-bottom: 28px;
		.img{
			width: 306px;
			float: left;
			height: 348px;
			.boz;
			border: 1px solid #cecece;
			margin-bottom: 20px;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.right{
			width: 582px;
			float: right;
			.zoom;
			margin-bottom: 20px;
			.p1{
				font-size: 14px;
				color: #666;
				padding-top: 10px;
				span{
					font-size: 20px;
					font-weight: bold;
					color: #fe7e01;
					padding-right: 8px;
				}
			}
			.txt{
				width: 100%;
				.zoom;
				margin-top: 26px;
				font-size: 14px;
				color: #666;
				line-height: 24px;
				text-indent: 2em;
			}
		}
	}
}
.listbox{
	width: 100%;
	.zoom;
	.list{
		display: block;
		width: 280px;
		height: 330px;
		margin-bottom: 18px;
		float: left;
		margin-left: 34px;
		&:nth-child(3n+1){
			margin-left: 0;
		}
		&:hover{
			.img{
				border-color: #fe7e01;
			}
			.name{
				color: #fe7e01;
			}
		}
		.img{
			width: 100%;
			height: 280px;
			.boz;
			border: 6px solid #e2edf7;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.name{
			width: 100%;
			height: 50px;
			line-height: 50px;
			text-align: center;
			.gt;
			font-size: 16px;
			color: #333;
		}
	}
}

.m-container{
	padding: 0 10px;
	.zoom;
}

.m-header{
	width: 100%;
	height: 66px;
	background: #f3f9ff;
	position: relative;
	.m-nav-box{
		width: 100%;
		.zoom;
		position: absolute;
		top: 66px;
		background: rgba(0,0,0,.6);
		left: 0;
		z-index: 99999;
		padding: 10px 0;
		display: none;
		.list{
			width: 96%;
			height: 32px;
			margin: auto;
			border-bottom: 1px dashed #fff;

			a{
				font-size: 14px;
				padding-left: 10px;
				line-height: 32px;
				color: #fff;
			}
		}
	}
	.logo{
		display: block;
		width: 112px;
		.zoom;
		float: left;
		margin-top: 10px;
		img{
			display: block;
			width: 100%;
		}
	}
	.mid{
		float: left;
		width: 110px;
		height: 44px;
		border-left: 1px solid #a0a0a0;
		margin-top: 14px;
		margin-left: 8px;
		p{
			padding-left: 5px;
		}
		.p1{
			font-size: 12px;
			color: #666666;
			padding-top: 5px;
		}
		.p2{
			font-size: 14px;
			color: #fe7e01;
			padding-top: 2px;
		}
	}
	.m-menu-btn{
		float: right;
		width: 46px;
		height: 46px;
		margin-top: 10px;
		cursor: pointer;

		background: #0d67bd;
		text-align: center;
		line-height: 46px;
		i{
			color: #fff;
			font-size: 20px;
		}
	}
}
.m-search{
	width: 100%;
	height: 44px;
	background: #ededed;
	input{
		display: block;
		float: left;
		width: calc(~'100% - 84px');
		width: -webkit-calc(~'100% - 84px');
		width: -moz-calc(~'100% - 84px');
		height: 30px;
		margin-top: 7px;
		.boz;
		border: 1px solid #b5b5b5;
		text-indent: 6px;
		outline: none;
	}
	a{
		display: block;
		width: 74px;
		height: 30px;
		.boz;
		border: 1px solid #b5b5b5;
		float: right;
		margin-top: 7px;
		font-size: 13px;
		color: #858585;
		line-height: 28px;
		text-align: center;
		background: #fafafa;
	}
}

.m-index_product{
	.m-com-title-img{
		width: 200px;
		display: block;
		margin: auto;
		margin-top: 16px;
	}
	.nav-box{
		width: 100%;
		height: 30px;
		margin-top: 14px;
		.swiper-container999{
			width: 100%;
			height: 100%;
			.swiper-slide{
				float: left;
				height: 100%;
				.boz;
				border: 1px solid #ccc;
				display: block;
				display: inline-block;
				border-radius: 2px;
				p{
					font-size: 14px;
					color: #666666;
					padding: 0 10px;
					line-height: 28px;
				}
			}
		}
	}
	.product-list-box{
		width: 100%;
		.zoom;
		.box{
			width: 100%;
			.zoom;
			.list{
				display: block;
				width: 48%;
				float: left;
				.boz;
				border: 1px solid #adadad;
				margin-top: 10px;
				margin-left: 4%;
				&:nth-child(2n+1){
					margin-left: 0;
				}
				img{
					display: block;
					width: 90%;
					margin: 8px auto;
				}
				.title{
					width: 90%;
					height: 32px;
					margin: auto;
					text-align: center;
					.gt;
					line-height: 32px;
					font-size: 12px;
					color: #666666;
				}
			}
		}
		.more{
			display: block;
			width: 160px;
			height:36px;
			margin: 20px auto 24px;
			.boz;
			border: 1px solid #b5b5b5;
			text-align: center;
			line-height: 34px;
			font-size: 14px;
			color: #666;
		}
	}
}
.m-index-question{
	width: 100%;
	.zoom;
	background: #ededed;
	.m-com-title-img{
		width: 280px;
		display: block;
		margin: 16px auto 4px;
	}
	.question-img{
		display: block;
		max-width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}
}
.m-ggw-img{
	display: block;
	width: 100%;
}
.m-mjzd{
	background: #eff3f7;
	.p1{
		font-size: 16px;
		color: #1068bd;
		font-weight: bold;
		text-align: center;
		padding-top: 16px;
	}
	img{
		display: block;
		max-width: 100%;
		margin: 13px auto 18px;
	}
}
.m-ys{
	.m-com-title-img{
		display: block;
		width: 230px;
		margin: 34px auto 26px;
	}
	.box{
		width: 100%;
		.zoom;
		.list{
			width: 48%;
			float: left;
			height: 106px;
			.boz;
			border: 1px solid #d2d2d2;
			margin-left: 4%;
			margin-bottom: 8px;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			.cont{
				padding: 6px;
				.zoom;
				img{
					display: block;
					width: 38px;
					height: 38px;
					float: left;
					margin-top: 2px;
				}
				.right{
					width: calc(~'100% - 44px');
					width: -webkit-calc(~'100% - 44px');
					width: -moz-calc(~'100% - 44px');
					float: right;
					.zoom;
					p{
						font-size: 14px;
						color: #1068bd;
						font-weight: bold;
						padding-top: 4px;
					}
					.txt{
						font-size: 12px;
						color: #808080;
						line-height: 15px;
						.gt4;
						height: 60px;
						margin-top: 6px;
					}
				}
			}
		}
	}
}

.m-nhj{
	background: #f5f5f5;
	.p-head{
		font-size: 16px;
		color: #1068bd;
		font-weight: bold;
		text-align: center;
		padding-top: 18px;
	}
	.box{
		width: 100%;
		height: 168px;
		margin-top: 12px;
		margin-bottom: 24px;
		background: url("../image/a2.jpg") no-repeat;
		background-size: cover;
		.list{
			width: 32%;
			margin-left: 2%;
			height: 138px;
			margin-top: 16px;
			background: rgba(16,104,189,.9);
			border-radius: 8px;
			text-align: center;
			float: left;
			&:first-child{
				margin-left: 0;
			}
			.p1{
				font-size: 18px;
				color: #fff;
				text-align: center;
				padding-top: 12px;
				font-family: 'songti';
			}
			.heng{
				width: 14px;
				height: 2px;
				background: #fff;
				margin: 4px auto 8px;
			}
			.p2{
				font-size: 12px;
				color: #b9d8f5;
				line-height: 16px;
				padding-left: 4px;
				padding-right: 4px;
				text-align: center;
			}
		}
	}
}
.m-about{
	.m-com-title-img{
		width: 280px;
		display: block;
		margin: 30px auto 0;
	}
	.p-head{
		font-size: 12px;
		color: #666;
		text-align: center;
		padding-top: 6px;
	}
	.title{
		width: 100%;
		height: 38px;
		margin-top: 8px;
		border-bottom: 2px solid #d3d3d3;
		line-height: 38px;
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}
	.gsjpg{
		display: block;
		width: 100%;
		margin-top: 11px;
	}
	.txt{
		font-size: 14px;
		color: #666666;
		line-height: 24px;
		margin-top: 8px;
	}
	.btn-box{
		width: 100%;
		height: 32px;
		margin-top: 12px;
		margin-bottom: 20px;
		a{
			display: block;
			width: 106px;
			height: 32px;
			float: right;
			box-sizing: border-box;
			border: 1px solid #b5b5b5;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			color: #666666;
			margin-left: 14px;
		}
	}
}
.m-team{
	.top{
		width: 100%;
		height: 140px;
		background: url(../image/bg4.jpg);
		background-size: cover;
		background-position: center center;
		box-sizing: border-box;
		border: 1px solid transparent;
		.box{
			width: 242px;
			height: 84px;
			background: rgba(255,255,255,.8);
			margin: 28px auto 0;
			box-sizing: border-box;
			border: 1px solid transparent;
			img{
				display: block;
				margin: 20px auto 0;
				width: 180px;
			}
			.p-head{
				font-size: 13px;
				color: #666;
				text-align: center;
				padding-top: 4px;
			}
		}
	}
	.down{
		background: #dfe8f3;
		padding: 10px;
		.zoom;
		.mid{
			width: 100%;
			.zoom;
			.img{
				width: 122px;
				height: 140px;
				float: left;
				.boz;
				border: 1px solid #cecfd0;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.right{
				width: calc(~'100% - 132px');
				width: -webkit-calc(~'100% - 132px');
				width: -moz-calc(~'100% - 132px');
				float: right;
				.p-head{
					font-size: 13px;
					color: #333333;
					padding-top: 10px;
					span{
						font-size: 16px;
						color: #fe7e01;
					}
				}
				.txt{
					width: 100%;
					height: 66px;
					.gt3;
					font-size: 13px;
					line-height: 22px;
					color: #666;
					margin-top: 6px;
				}
				.ck{
					display: block;
					width: 96px;
					height: 30px;
					float: right;
					box-sizing: border-box;
					border: 1px solid #b5b5b5;
					text-align: center;
					line-height: 28px;
					font-size: 14px;
					color: #666666;
					margin-left: 14px;
					margin-top: 6px;
				}
			}
		}
		.bottom-box{
			width: 100%;
			height: 170px;
			margin-bottom: 20px;
			.swiper-slide{
				height: 100%;
				.boz;
				border: 1px solid #d9d9dc;
				img{
					display: block;
					width: 100%;
					height: 130px;
				}
				.name{
					width: 100%;
					height: 40px;
					text-align: center;
					p{
						font-size: 12px;
						color: #666;
						text-align: center;
						.gt;
					}
					.p1{
						color: #fe7e01;
						padding-top: 4px;
					}
				}
			}
		}
		.more{
			display: block;
			width: 106px;
			height: 32px;
			box-sizing: border-box;
			border: 1px solid #b5b5b5;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			color: #666666;
			margin: 0 auto 20px;
		}
	}
}
.m-case{
	.m-com-title-img{
		display: block;
		width: 190px;
		margin: 32px auto 0;
	}
	.p-head{
		font-size: 13px;
		color: #666666;
		text-align: center;
		padding-top: 2px;
	}
	.box{
		width: 100%;
		.zoom;
		margin-top: 28px;
		.list{
			width: 100%;
			height: 95px;
			border-bottom: 1px dashed #bfbfbf;
			display: block;
			margin-bottom: 11px;
			img{
				display: block;
				float: left;
				width: 94px;
				height: 88px;
			}
			.right{
				width: calc(~'100% - 104px');
				width: -webkit-calc(~'100% - 104px');
				width: -moz-calc(~'100% - 104px');
				float: right;
				.title{
					width: 100%;
					height: 30px;
					.gt;
					line-height: 26px;
					font-size: 16px;
					color: #f49033;
				}
				.txt{
					width: 100%;
					height: 40px;
					line-height: 20px;
					font-size: 14px;
					color: #666;
					margin-top: 6px;
				}
			}
		}
	}
	.more{
		display: block;
		width: 106px;
		height: 32px;
		box-sizing: border-box;
		border: 1px solid #b5b5b5;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		color: #666666;
		margin: 0 auto 20px;
	}
}
.m-news{
	.m-com-title-img{
		display: block;
		width: 200px;
		margin: 14px auto 0;
	}
	.nav-box{
		width: 100%;
		margin-top: 24px;
		height: 30px;
		a{
			display: block;
			width: 50%;
			height: 100%;
			text-align: center;
			line-height: 30px;
			font-size: 16px;
			color: #666;
			float: left;
		}
		.act{
			background: #1068bd;
			color: #fff;
		}
	}
	.big-box{
		margin-top: 16px;
		.box{
			.list{
				width: 100%;
				height: 100px;
				border-bottom: 1px dashed #b5b5b5;
				display: block;
				margin-bottom: 12px;
				.title{
					width: 100%;
					.zoom;
					height: 26px;
					overflow: hidden;
					i{
						font-weight: bold;
						font-size: 12px;
						line-height: 26px;
						float: left;
						margin-right: 4px;
						color: #fe8107;
					}
					p{
						line-height: 26px;
						font-size: 16px;
						color: #fe8107;
						.gt;
					}
				}
				.txt{
					width: 100%;
					.gt2;
					height: 40px;
					line-height: 20px;
					font-size: 14px;
					color: #808080;
					margin-top: 4px;
				}
				.down{
					width: 100%;
					height: 24px;
					margin-top: 4px;
					line-height: 24px;
					font-size: 12px;
					color: #808080;
					.i{
						padding-left: 14px;
					}
				}
			}
			.more{
				display: block;
				width: 106px;
				height: 32px;
				box-sizing: border-box;
				border: 1px solid #b5b5b5;
				text-align: center;
				line-height: 30px;
				font-size: 14px;
				color: #666666;
				margin: 0 auto 20px;
			}
		}
	}
}
.m-footer{
	border-top: 3px solid #fe7e01;
	.top{
		width: 100%;
		.zoom;
		background: #0d67bd;
		.p-a{
			width: 100%;
			.zoom;
			margin-top: 12px;
			a{
				display: block;
				float: left;
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				margin-right: 8px;
				margin-bottom: 8px;
			}
		}
		.top-down{
			width: 100%;
			.zoom;
			margin-top: 11px;
			.left{
				width: 96px;
				.zoom;
				float: left;
				margin-top: 18px;
				img{
					display: block;
					width: 100%;
					height: 96px;
				}
				p{
					font-size: 13px;
					color: #fff;
					text-align: center;
					padding-top: 4px;
				}
			}
			.right{
				width: calc(~'100% - 100px');
				width: -webkit-calc(~'100% - 100px');
				width: -moz-calc(~'100% - 100px');
				float: right;
				.item{
					width: 100%;
					.zoom;
					.item-l{
						width: 60px;
						line-height: 24px;
						float: left;
						font-size: 12px;
						color: #fff;
						text-align: right;
					}
					.item-r{
						float: right;
						width: calc(~'100% - 62px');
						width: -webkit-calc(~'100% - 62px');
						width: -moz-calc(~'100% - 62px');
						p{
							font-size: 12px;
							color: #fff;
							line-height: 24px;
						}
					}
				}
			}
		}
	}
	.down{
		p{
			font-size: 12px;
			color: #666666;
			text-align: center;
		}
		.p1{
			padding-top: 6px;
		}
		.p2{
			padding-bottom: 8px;
			padding-top: 4px;
		}
	}
}